.kimi-chat {
  height: 100vh;
  background: #f5f5f5;

  &__sidebar {
    background: #ffffff;
    border-right: 1px solid #e8e8e8;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.06);
  }

  &__main {
    display: flex;
    flex-direction: column;
    background: #ffffff;
  }

  &__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  &__data-panel {
    background: #ffffff;
    border-left: 1px solid #e8e8e8;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.06);
  }
}

// 响应式设计
@media (max-width: 1200px) {
  .kimi-chat {
    &__data-panel {
      width: 280px !important;
    }
  }
}

@media (max-width: 992px) {
  .kimi-chat {
    &__sidebar {
      width: 240px !important;
    }
    
    &__data-panel {
      width: 240px !important;
    }
  }
}

@media (max-width: 768px) {
  .kimi-chat {
    flex-direction: column;
    
    &__sidebar,
    &__data-panel {
      width: 100% !important;
      height: auto;
      position: relative;
    }
  }
}